﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../themes/icon.css" rel="stylesheet" />
    <script src="../script/jquery.min.js"></script>
    <script src="../script/jquery.easyui.min.js"></script>
    <meta charset="utf-8" />
</head>
<body>
    <div id="p" class="easyui-panel" title="My Panel"
         style="width:500px;height:150px;padding:10px;background:#fafafa;"
         data-options="iconCls:'icon-save',closable:true,
                collapsible:true,minimizable:true,maximizable:true">
        <p>1234567890</p>
        <p>panel content.</p>
    </div> 
    
   <script type="text/javascript">   
       $('#p').panel({    
           width:500,    
           height:150,    
           title: 'My Panel',    
           tools: [{    
               iconCls:'icon-add',    
               handler:function(){alert('new')}    
           },{    
               iconCls:'icon-save',    
               handler:function(){alert('save')}    
           }]    
       });   
   </script>

   
</body>
</html>
